<template>
  <wd-config-provider :themeVars="themeVars" customClass="h-full">
    <slot />
    <wd-toast />
    <wd-message-box />
  </wd-config-provider>
</template>

<script lang="ts" setup>
import type { ConfigProviderThemeVars } from 'wot-design-uni'

const themeVars: ConfigProviderThemeVars = {
  // 主题基础色
  colorTheme: '#ff6b35', // 主题色（橙色）
  colorSuccess: '#34c759', // 成功色（绿色）
  colorWarning: '#ff9f1a', // 警告色（橙黄色）
  colorDanger: '#ff3b30', // 危险色（红色）
  colorInfo: '#4c8dff', // 信息色（蓝色）

  // 中性色
  colorGray1: '#f8f9fa',
  colorGray2: '#f2f3f5',
  colorGray3: '#e5e6eb',
  colorGray4: '#c9cdd4',
  colorGray5: '#86909c',
  colorGray6: '#4e5969',
  colorGray7: '#272e3b',
  colorGray8: '#1d2129',

  // 文字颜色
  colorTitle: '#1d2129', // 标题文字
  colorContent: '#4e5969', // 正文文字
  colorSecondary: '#86909c', // 次要信息
  colorAid: '#c9cdd4', // 辅助文字
  colorTip: '#e5e6eb', // 提示文字

  // 边框和背景
  colorBorder: '#e5e6eb', // 边框颜色
  colorBorderLight: '#f2f3f5', // 分割线颜色
  colorBg: '#f8f9fa', // 背景色

  // 按钮相关
  buttonPrimaryColor: '#ffffff',
  buttonPrimaryBgColor: '#ff6b35',
  buttonSuccessColor: '#ffffff',
  buttonSuccessBgColor: '#34c759',
  buttonWarningColor: '#ffffff',
  buttonWarningBgColor: '#ff9f1a',
  buttonErrorColor: '#ffffff',
  buttonErrorBgColor: '#ff3b30',
  buttonMediumHeight: '40px',
  buttonMediumPadding: '0 20px',
  buttonMediumFs: '14px',
  buttonMediumRadius: '20px',

  // 标签相关
  tagPrimaryColor: '#ff6b35',

  // 单元格相关
  cellPadding: '16px',
  cellLineHeight: '24px',
  cellTitleColor: '#1d2129',
  cellValueColor: '#4e5969',
  cellLabelColor: '#86909c',

  // 导航栏相关
  navbarHeight: '44px',

  // 选项卡相关
  tabsNavHeight: '44px',
  tabsNavActiveColor: '#ff6b35',
  tabsNavFs: '14px',
}
</script>
